﻿/*
Theme Name: Duong Giang News
Theme URI: http://dươnghoànggiang.vn
Description: Theme tin tức đẹp cho website báo chí.
Version: 1.0
Author: Dương Giang
Author URI: http://dươnghoànggiang.vn
*/

@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(fonts/RobotoCondensed.woff) format('woff'); }*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0;padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { line-height: 1; font-family: Arial, sans-serif;font-size:12px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;  text-decoration: none; color:#333;}
a img {border: none; outline: none;}
ins { background-color: #ff9; color: #000; text-decoration: none;}
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0;}
input, select { vertical-align: middle;}

.wrapper {width: 980px; margin: 0 0 0 -490px; float:left; left:50%; position:relative; z-index:1; clear:both;}
a:hover {color:#3399cc;}

/* TOPBAR */
#giangheader { position: relative; width: 100%;height: 43px; background: #111; margin-bottom: 0px; overflow:hidden; z-index: 999; }
#giangheader hgroup { width: 95px;height: 40px; float: left;overflow: hidden; margin: 0 0; }
#giangheader hgroup img { width: 110px;height: auto; position: relative; top: 2px; }
#giangheader hgroup a { display: block; width: 100%;height: 40px; margin: 0;padding: 0px 0; overflow:hidden;text-indent:-999px; background: url(img/logo_zing_trithuc.png) no-repeat left 50%; }
#giangheader hgroup h1 { margin: 0; }
#giangheader hgroup h2 { display: none; margin: 0; }

/* MENU CATEGORY */
.categories { float: left; width: 100%;height: 30px; padding-left: 2px;margin: 0px 0 10px; border-bottom: 1px solid #ddd; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#F5F5F5'); background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#F5F5F5)); background: -moz-linear-gradient(top,  #FCFCFC,  #F5F5F5); }
.categories ul { float: left;width: 100%;list-style: none;  }
.categories > ul  {}
.categories a { display: block;height: 26px; margin: 1px 0;padding: 1px 5px 0 5px;  font-size: 12px;line-height: 25px;color: #000; font-family: 'Roboto Condensed', sans-serif; font-weight:400; }
.categories ul > li:last-child > a { border-right:0; }
.categories li.parent { float: left;position: relative; height: 28px;line-height: 28px; }
.categories li.parent a { color:#006588;  }
.categories li.parent > a {text-transform: uppercase;}
.categories li.parent.current {height: 26px;}
.categories li.parent.current a {border-radius: 3px;}
.categories li.parent.active ul.sub-menu { display: block; border-radius: 0 3px 3px 3px; }
.categories li.parent.active a { border-radius: 3px 3px 0 0; background-color: #0099cc;color: #fff; }		    
.categories ul.sub-menu { position: absolute;top: 28px; left:0;display: none; background-color: #0099cc;box-shadow: 2px 2px 0 rgba(0,0,0,0.2); width: 200px; }
.categories ul.sub-menu li {width: auto;overflow: hidden;}
.categories ul.sub-menu a { font-weight: normal;letter-spacing: 0px;font-size: 12px;color: #fff; padding: 0 8px; border:0; height: auto;line-height: 28px; }
.categories ul.sub-menu a:hover {background: rgba(255,255,255,0.2) !important;}

/* Group 1 - Xa hoi, The gioi, Kinh doanh, Song Tre */
.categories li.xa-hoi a,.categories li.the-gioi a, .categories li.thi-truong a, .categories li.the-thao a, .categories li.song-tre a, .categories li.phap-luat a,.categories li.the-gioi-sach a {color:#007197;}
.categories li.xa-hoi.current a,.categories li.the-gioi.current a,.categories li.thi-truong.current a,.categories li.song-tre.current a,.categories li.phap-luat.current a,.categories li.the-gioi-sach.current a {background-color:#0099cc; color:#fff; }


/* Group 2 - Giai tri, Am nhac, Phim anh, thoi-trang */
.categories li.giai-tri a,.categories li.am-nhac a, .categories li.phim-anh a, .categories li.thoi-trang a {color:#ff6b00;}
.categories li.giai-tri.parent.active a, .categories li.am-nhac.parent.active a,.categories li.phim-anh.parent.active a,.categories li.thoi-trang.parent.active a {background-color:#ff6b00;}
.categories li.parent.giai-tri.active ul.sub-menu,.categories li.parent.am-nhac.active ul.sub-menu,.categories li.parent.phim-anh.active ul.sub-menu,.categories li.parent.thoi-trang.active ul.sub-menu {background-color:#ff6b00;}
.categories li.giai-tri.current a,.categories li.am-nhac.current a,.categories li.phim-anh.current a,.categories li.thoi-trang.current a {background-color:#ff6b00; color:#fff;}

/* Group 3: The thao, Cong nghe, Xe */
.categories li.cong-nghe a,.categories li.oto-xe-may a {color:#008e00;}
.categories li.cong-nghe.parent.active a, .categories li.oto-xe-may.parent.active a {background-color:#008e00;}
.categories li.parent.cong-nghe.active ul.sub-menu,.categories li.parent.oto-xe-may.active ul.sub-menu {background-color:#008e00;}
.categories li.the-thao.current a, .categories li.cong-nghe.current a, .categories li.oto-xe-may.current a {color: #fff;background-color: #008e00;}

/* Group 4: phong-cach-song & Other */
.categories li.nhip-song a,.categories li.phong-cach-song a {color:#df004a;border:0;}
.categories li.nhip-song.parent.active a,.categories li.phong-cach-song.parent.active a {background-color:#df004a;}
.categories li.parent.nhip-song.active ul.sub-menu,.categories li.parent.phong-cach-song.active ul.sub-menu {background-color:#df004a;}
.categories li.nhip-song.current a,.categories li.phong-cach-song.current a {background-color:#df004a; color:#fff;}

.categories li.others a {border: 0;}
.categories li.phong-cach-song a, .categories li.phong-cach-song a, .categories li.others a {border-right:0; padding-right:2px;}
.categories li.phong-cach-song ul.sub-menu, .categories li.phong-cach-song ul.sub-menu, .categories li.others ul.sub-menu {width: 140px;left: auto;right: 0px;}
.categories li.others ul.sub-menu {border-radius: 3px 0 0 0 !important;}

.categories li.pictures,.categories li.video {border-left:1px solid #ddd;padding-right:5px;}
.categories li.pictures {padding-left:0;}
.categories li.video a,.categories li.pictures a {color:#555; margin-left:8px; border:0;}
.categories li.video a { background:url(img/icons.png) no-repeat 0 -1294px; padding-left:20px; }
.categories li.pictures a { background:url(img/icons.png) no-repeat left -1174px; padding-left:20px; }
.categories li.video.active a,.categories li.pictures.active a {background-color: transparent;}
.categories li.video a:hover,.categories li.pictures.active a:hover {color:#333;}

/* TOP SECTION */
#top { width: 100%; padding: 0px 0; float: left;clear: both; z-index: 999; }
#top .categories li.homepage { background: #888; background:#00749B; margin-right: 3px;margin-left: 0px; width: 22px;height: 22px; border-radius: 3px; top:2px; }
#top .categories li.homepage a { text-indent: -9999px; overflow: hidden; color: #fff; background: url(img/icons.png) no-repeat 1px -818px; border-right: 0; }
#top .categories li.homepage.active a { border-radius: 3px; }

/* COMMON LAYOUT */
.content-wrap {float: left;width: 664px;position:relative;z-index: -3;}
.sidebar {width: 300px;float: right;position:relative;}
.sidebar .event-banner {margin-bottom:10px;}

/* BANNER */
.banner { width: 300px; margin: 0 0 5px; overflow:visible; text-align:center; font-size: 2em; color:#ccc; position:relative; float:left; }		    
#advR1,#advR2 {width:300px; height:250px;background: #f0f0f0;}
#advR3 {overflow:hidden; border:0 !important; width:301px !important;height: 600px; margin-bottom: 10px;}
#advSkyscraper1 {display:none;}		    
#advTop > div > div {margin:0 auto!important;}
#advBillboard  {margin-bottom:20px;  background:#eee;}

/* HEADER */
#site-header {width:100%; height:100px; float:left; margin: 8px 0 1px; border-bottom: 1px solid #ccc; position:relative;}
#site-header #logo { width: 190px; float:left; height:90px; overflow:hidden; display:none; }
#site-header #logo a {display:block; padding-left:5px;}
#site-header #banner_top { height: 90px;background-color: #ebebeb; float:left;  position:absolute; top:0; right:0; line-height:90px; width:100%; }
/* GENERAL ARTICLE */
article { float: left;position:relative;z-index: 1; width: 100%; color: #000; }
article a {color: #000;}
article header h1 { margin: 0;font-size: 12px;line-height: 16px; }
article > header h1 a:hover {color: #3399cc !important;}
article > header h1 span.social { display:inline-block; font-size:9px; cursor:pointer; color: #888;font-weight:normal; background: #fff; background-size:8px; padding: 0px 2px 0 2px; line-height: 9px; margin-left: 4px; display:none; border: 1px solid #eee; border-radius: 2px; position: relative; top: -1px;  }
article:hover > header h1 span.social,article > header h1 span.social.hot  { border-color: #FF9900; color: #FF9900; background-color: #FFECD0;  }
section.featured article.featured > header h1 span.social { padding: 0px 4px 0 2px; display:none !important; }

.sidebar section article > header h1 span.social {display:none !important;}

.trending article.video header h1 a, article.video header h1 a {padding-left: 18px;background: url(img/icons.png) no-repeat 0 -1300px;}
article.image header h1 a { padding-left: 18px;background: url(img/icons.png) no-repeat left -1180px; }
article.infographic header h1 a { padding-left: 18px;background: url(img/icon_infographic.png) no-repeat left top; background-size:16px; }
article header h1 a:hover {color: #006BA0  !important;}
article header time { font-size: 0.9em;line-height: 1.4;color: #A7A7A7; display: none;  }
article .cover { float: left;overflow: hidden; background-repeat:no-repeat; background-size: cover !important; background-position: 50% top; cursor:pointer; }
article .cover a { display:block; width:100%; height:100%; }
article.video .cover > a { background:url(img/icon_play.png) no-repeat 50% 50%; background-size: 35px; }
article.video.animated .cover > a:hover { background:none; }
article.animated .cover {position:relative;}
article.animated .cover .animategif { display:block; position:absolute; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-position: 50% 50%; background-size:cover; }
article.animated .cover #circleG {position:absolute; top:40%; left:50%; margin-left:-10px;}
article .cover img { width: auto;height: 100%; display:block; }
article .cate { font-size: 11px;line-height: 16px; color: #888; display: none; }
article .summary { display: none; overflow:hidden; font-size: 1em;line-height: 1.4;color: #333; }

/* Article Relate */
article .relate {margin: 4px 0 0;}
article .relate li { display: inline; font-size: 11px;line-height: 14px; }
article .relate li.picture a { padding-left: 20px;background: url(img/icons.png) no-repeat left -1181px; }
article .relate li.video a { padding-left: 18px;background: url(img/icons.png) no-repeat 1px -1301px; }
article .relate li:last-child {border: 0;}
article .relate li a { color: #555; background: url(img/icons.png) no-repeat 2px -883px; padding-left: 9px; }
article .relate li a:hover {text-decoration:underline;}

/* Article Type */
article .type {display:none; font-size:10px; color:#888; overflow:hidden; text-indent:-9999px; margin: 0; line-height: 12px; background: url(img/icons.png) no-repeat 9999px 9999px; z-index:999;}
article.advertising .type {display:none; text-indent:0; margin: 4px 0;}
article.video .type {background-position: 6px -1360px; width: 25px; height: 15px; background-color:#333; background-color: rgba(0, 0, 0, 0.3);}
.series article .type {position: absolute;background: #fff;padding: 2px 3px;box-shadow: 1px 1px 0 rgba(0,0,0,0.5);}
article.live header h1 a:before{ content:"trá»±c tiáº¿p"; display:inline-block; color:#fff; font-size:9px; background:#f00; padding: 2px 3px 0; line-height:12px; position:relative; top:-1px; border-radius:3px; text-transform:uppercase; font-weight:normal; }
article.updating header h1 a:before{ content:"cáº­p nháº­t"; display:inline-block; color:#fff; font-size:9px; background:#f00; padding: 2px 3px 0; line-height:12px; position:relative; top:-1px; border-radius:3px; text-transform:uppercase; font-weight:normal; letter-spacing:0px; }
section.featured  article.live:first-child header h1 a:before, section.featured article.updating:first-child header h1 a:before { letter-spacing: 0px; top:-3px; font-size:9px; padding-bottom:1px; }

/* PAGE HOME */
section#homepage{ float: left;position:relative;z-index: -3;width: 100%; margin-bottom: 8px; }

/* TRENDING SECTION */
section.trending { float: right; width: 176px; overflow: hidden; height: 540px; margin: 0 0 10px; padding: 8px 0 0 8px; border-left: 1px solid #ededed; }
section.trending article { padding-bottom: 0; margin-bottom: 8px; border-bottom: 0; }
section.trending article header h1 { font-size: 12px;line-height: 16px; margin: 0; }
section.trending article header h1 a { color:#333; }
section.trending article time, section.trending article .cover, section.trending article .cate {display: none;}
section.trending article:first-child header h1 { margin-bottom:4px;}

section.trending .top-list { float:left; border-bottom:1px solid #ddd !important; margin-bottom:8px; width:100%; }
section.trending .top-list article { border-bottom:none !important; padding-bottom:0px !important; margin-bottom: 4px !important; display:block; }
section.trending .top-list article .cover { display: block;width: 100%;height: 112px;margin-bottom: 5px; }
section.trending .top-list article header h1 a { }
/* FEATURED ARTICLE */
section.featured { float: left; width: 472px; margin: 8px 0; border-bottom: 0; }
section.featured article { width: 32%; margin-right: 2%;margin-bottom:10px; }
section.featured article:nth-child(4), section.featured article:nth-child(7) { margin-right: 0; }
section.featured article .cover { float: none;display: block; width: 100%; height:112px; margin-bottom: 4px; }
section.featured article header {overflow: hidden;}
section.featured article header h1 { font-size: 12px;line-height: 16px; overflow:hidden; }
section.featured article header h1 a {color: #000;}
section.featured article time {display: none;}
section.featured article.featured { width: 100%; margin-bottom: 8px;padding-bottom: 6px; border-bottom: 1px solid #f7f7f7; }
section.featured article.featured header { display: block;max-height: none; }
section.featured article.featured header h1 { font-size: 18px;line-height: 22px;letter-spacing: -1px; height:auto; margin-bottom: 4px;margin-top: 0; }
#category section.featured article.featured header h1 a {letter-spacing:0; color:#0077B3;}
section.featured article.featured header h1 a { /* color: #0077B3; */ background:none; padding:0; }
section.featured article.featured time, section.featured article.featured .cate {display: none;}
section.featured article.featured .cover { display: block;float: left; width: 260px; height: 210px; margin: 0 10px 0 0; }
section.featured article.featured.video .type { display:block;position:absolute;left: 5px; top: 187px; }
section.featured article.featured .cover img {height:100%; width:auto;}
section.featured article.featured .summary {display: block;}

/* Focus Layout */
#homepage.focus_layout section.featured article.featured header h1 { font-size:1.6em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top:4px; }
#homepage.focus_layout section.featured article.featured .cover { width:470px;height:260px; float:none; margin-bottom:4px; }
#homepage.focus_layout section.featured article.featured .cover img { width:100%; height:auto; }
#homepage.focus_layout section.featured article.featured .summary { overflow:hidden; }
#homepage.focus_layout section.featured article.featured .relate li { display:inline; border-right:1px solid #ddd; padding-right:5px; margin-right:2px; }
#homepage.focus_layout section.featured article.featured .relate li:last-child {border:0;}
#homepage.focus_layout section.featured article.featured .relate li a { font-size:11px; line-height: 16px; color:#555; }
#homepage.focus_layout section.featured article:nth-child(5), #homepage.focus_layout section.featured article:nth-child(6),#homepage.focus_layout section.featured article:nth-child(7) {display:none;}
#homepage.focus_layout section.featured article.featured.video .type {left: 5px; top:235px;}

/* Overlay Mode */
#homepage.overlay_mode section.featured article.featured {position:relative;padding:0;}
#homepage.overlay_mode section.featured article.featured .cover {margin:0; width:100%; height:215px;}
#homepage.overlay_mode section.featured article.featured header { position:absolute;right:0;top:0;bottom:0; width: 40%; background:rgba(0,0,0,0.5); padding: 12px; }
#homepage.overlay_mode section.featured article.featured header h1 {white-space: normal; overflow:auto;}
#homepage.overlay_mode section.featured article:nth-child(5), #homepage.focus_layout.overlay_mode section.featured article:nth-child(6),#homepage.focus_layout.overlay_mode section.featured article:nth-child(7) {display:block}
#homepage.overlay_mode section.featured article.featured .summary {color:#fff;}
#homepage.overlay_mode section.featured article.featured .relate {display:none;}
#homepage.overlay_mode section.featured article.featured h1 {font-size:16px; letter-spacing:0; line-height: 18px;}
#homepage.overlay_mode section.featured article.featured h1 a {color:#fff;}
#homepage.overlay_mode section.featured article.featured:hover h1 a {color:#fff !important; text-decoration: underline;}

/* Block Mode */
#homepage.block_mode section.featured article.featured {position:relative;padding:0;}
#homepage.block_mode section.featured article.featured .cover {margin:0;width:66%; height:210px;}
#homepage.block_mode section.featured article.featured .cover img {height:100%; width:auto;}
#homepage.block_mode section.featured article.featured header { position:absolute;right:0;top:0;bottom:0; width: 34%; background:#0090C9; padding: 12px; }
#homepage.block_mode section.featured article.featured header h1 {white-space: normal; overflow:auto;}
#homepage.block_mode section.featured article:nth-child(5), #homepage.focus_layout.block_mode section.featured article:nth-child(6),#homepage.focus_layout.block_mode section.featured article:nth-child(7) {display:block}
#homepage.block_mode section.featured article.featured .summary {color:#fff; max-height: 80px;}
#homepage.block_mode section.featured article.featured .relate {display:none;}
#homepage.block_mode section.featured article.featured h1 {font-size:16px; letter-spacing:0; line-height: 18px;}
#homepage.block_mode section.featured article.featured h1 a {color:#fff;}
#homepage.block_mode section.featured article.featured:hover h1 a {color:#fff !important; text-decoration: underline;}
/* HOTNEWS */
.hotnews { float: left;overflow: hidden; height: 20px;line-height: 14px; font-size:12px; width: 100%; margin-bottom: 0; border-bottom: 1px solid #f7f7f7; }
.hotnews label { display: block;float: left; color: #ff6b00;font-size: 11px; text-transform:uppercase; font-weight:bold; }
.hotnews ul { float: left;width: 340px;margin: 0 5px; }
.hotnews li { display: none;overflow:hidden; white-space: nowrap;text-overflow: ellipsis; }
.hotnews li a {color:#333;}
.hotnews li.current {display: block;}
.hotnews time { float: right; font-size: 11px;line-height: 16px; color: #888; margin-right:10px; }
.hotnews .controller { float:right; }
.hotnews .controller a {display:block; float:left; font-size:10px; text-indent: -999px; overflow:hidden; height: 12px; width: 12px; line-height: 14px; margin: 2px; padding: 1px; }
.hotnews .controller a:hover {background-color:#e5e5e5 !important;}
.hotnews .controller a.rewind {background: #f7f7f7 url(img/icons.png) no-repeat  3px -1484px;}
.hotnews .controller a.forward {background: #f7f7f7 url(img/icons.png) no-repeat  -20px -1484px;}
/* MULTIMEDIA */
#multimedia { float: left; width: 100%; margin: 5px 0 20px; border-top: 8px solid #57badf; }
#multimedia > header {margin-bottom: 0px;}
#multimedia > header h1 { font-size: 1.1em;text-transform: uppercase; position: relative;display: inline;top: -11px; left:10px; padding: 0 12px; color: #0098D3;background: #fff; font-family:'Roboto Condensed', sans-serif; font-weight:normal; }
#multimedia article { float: left; width: 19.2%; padding-bottom: 0;margin-right: 1%; border-bottom: 0; }
#multimedia article:last-child {margin-right: 0;}
#multimedia article header h1 { display: block; margin-top: 5px; }
#multimedia article header h1 a {color:#333;}
#multimedia article .cover { float: none; width: 100%; height:135px; }
#multimedia article .cate, #multimedia article time {display: none;}
/* CATEGORY SECTION */
section.category { float: left; width: 100%; margin-bottom: 5px; border-top: 1px solid #ccc; }
section.category > header { float: left; width: 100%;height: 30px; margin-bottom: 8px; border-bottom: 1px solid #e5e5e5;box-shadow: 0px 2px 0 #FCFAFA; }
section.category > header h1 { float: left; padding-right: 10px; font-size: 12px;line-height: 30px; }
section.category > article.featured > header .social { display:none !important; }
section.category > header .followbox { display:block; float:right; width:30px; height:25px; background:url(img/rss_grey.jpg) no-repeat 50% 50%; position: relative; z-index: 9; cursor: pointer; }
section.category > header .followbox:hover {color:#333;}
section.category > header .followbox ul { display:none; position: absolute; border:1px solid #ccc; right: 0px; top: 25px; background:#fff; width:150px; }
section.category > header .followbox li { width:100%; }
section.category > header .followbox li a { padding:10px 10px; display:block; border-bottom:1px solid #ddd; }
section.category > header .followbox li a:hover {background:#f7f7f7;}
section.category > header .followbox li a:last-child {border:0;}
section.category > header .followbox.hovering ul{ display:block; }
section.category > header .followbox.hovering { background:url(img/rss.png) no-repeat 50% 50%; }
section.category h2 { float: left; font-size: 12px;font-weight: normal;line-height: 30px; margin-right: 10px;  }
section.category h2, section.category > header h1 { font-family: 'Roboto Condensed', sans-serif; font-size:1.2em; font-weight:normal; }
section.category h2 a {color: #555;}
section.category h2 a:hover {color: #333;}
/* Category Color */
section#xa-hoi.category,section#the-gioi.category,section#thi-truong.category,section#song-tre.category,section#phap-luat.category, section#tin-sach.category {border-top-color: #57badf;}
section#xa-hoi.category > header h1 a,section#the-gioi.category > header h1 a,section#thi-truong.category > header h1 a,section#song-tre.category > header h1 a,section#phap-luat.category > header h1 a,section#tin-sach.category > header h1 a {color: #006588;}
section#giai-tri.category,section#am-nhac.category,section#phim-anh.category,section#thoi-trang.category {border-top-color: #F60;}
section#giai-tri.category > header h1 a,section#am-nhac.category > header h1 a ,section#phim-anh.category > header h1 a ,section#thoi-trang.category > header h1 a  {color: #cc3a00;}
section#cong-nghe.category,section#xe-360.category, section#oto-xe-may.category,section#the-thao.category {border-top-color: #66cc66;}
section#cong-nghe.category > header h1 a,section#xe-360.category > header h1 a,section#oto-xe-may.category > header h1 a,section#the-thao.category > header h1 a {color: #00A700;}
section.category.skin4 {border-top: 0; padding-top:0; margin-top:15px;}
section.category.skin4 > header h1 a {color: #E9004E;}
/* Category Article */
section.category article { float: left;display: block; height: auto !important; margin-bottom: 6px; }
section.category article:last-child {border-bottom: 0;}
section.category article:nth-child(4) {border: none;}
section.category article header { float: none;overflow: hidden; border: none;box-shadow: none; height: auto;width: auto; margin-bottom: 4px; }
section.category article header h1 { font-family:  Arial, Helvetica, sans-serif; float: none; font-size: 12px;text-transform: none;line-height: 16px;color: #333; }
section.category article .summary {display: none; overflow:hidden;}
section.category article .cover {width: 100px;}
section.category article header h1 {display: inline;}
section.category article time {margin-left: 5px;}
section.category article.featured { float: left; width: 50%; margin-bottom: 8px;padding-right: 8px; }
section.category article.featured header h1 { font-weight: bold;font-size: 12px;line-height: 16px; }
section.category article.featured header h1 a { background:none;padding-left:0; }
section.category article.featured .summary {display: block; max-height:112px;}
section.category article.featured .cover { width: 160px; height:120px; margin-right:8px; }
section.category article.featured.video .type { display:none; position:absolute;top: 140px; left:3px; }
section.category article.aside header {max-height: none !important;}
section.category article.aside .cover { float: none; width: 100%; height:70px; margin-bottom: 4px; }
section.category article.aside { float: left; width: 13%;margin-left: 10px; }
section.category article.aside header h1 a { color:#444; }		    
section.category .top { float: left; width: 30%;min-height: 160px; padding: 0 10px; border-right: 1px solid #f2f2f2;border-left: 1px solid #f2f2f2; }
section.category .top article .cover, section.category .top article time {display: none;}
section.category .top article header {margin-bottom: 0;}
section.category .top article header h1 a {color:#444; }
/* Inner video article */
article .content .inner-video { float:left; width:100%; height: 300px; overflow:hidden; margin:4px 0 10px; }
article .content .inner-video time {display:none;}
.pictures_layout .content .inner-video {height:371px;}
.pictures_layout .content .inner-video .cover span {top:45%;}
article .content .inner-video a {display:block; width:100%; height:100%; float:left; position:relative;}
article .content .inner-video .cover {width:100%; height:100%; position:relative;}
article .content .inner-video .cover span { display:block; width:70px;height:70px;overflow:hidden; text-indent:-999px; background:url(img/icon_play.png) no-repeat 50% 50%; position:absolute; top:40%; left:50%; margin-top: -35px; margin-left:-35px; }
article .content .inner-video h1 {position:absolute; bottom:0; left:0; right:0; font-size:1.4em; line-height:1.2; color:#fff; padding:10px; font-family:'Roboto Condensed', sans-serif; font-weight:normal; background:rgba(0,0,0,0.6); }
/* ARTICLE DETAIL PAGE LAYOUT */
section.article_content { float: left;position:relative; width: 660px; padding: 0; font-size: 14px;line-height: 18px; z-index: 9; }
section.article_content:nth-child(n+3){ border-top:5px solid #009CCE; padding-top:20px;margin-top:20px; }
section.article_content:nth-child(n+3):before { content: '.'; display: block; float: left; width: 100px; margin-top: -32px; background: #fff; text-align: center; position: relative; left: 50%; margin-left: -50px; text-transform: uppercase; color: #009CCE; }
section.article_content > .autoLoadNotice { background: #FFFCD7; font-size: 11px; padding: 5px 10px; }
section.article_content > .autoLoadNotice a { font-weight: bold; text-transform: uppercase; background: #E0E0E0; display: inline-block; padding: 2px 5px 1px; border-radius: 2px; font-size: 10px; margin-left: 15px; float: right; margin-top: -1px; font-weight: bold; }
section.article_content > header {margin: 8px 0 0;}
section.article_content.pictures_layout > header {margin-bottom:0;}
section.article_content.pictures_layout > div.btnLaunchSlideshow { border: 1px dashed #ccc; background: #eee url(img/btnExpand.png) no-repeat 10px 50%; background-size: 24px; line-height:1.4; font-size:0.9em; padding: 10px 10px 10px 45px; color:#333; margin-bottom:10px; cursor:pointer; }
section.article_content.pictures_layout > div.btnLaunchSlideshow span { color:#006BA0 ; }
section.article_content > header h1 { font-family: Arial, Helvetica, sans-serif; font-size: 1.8em;line-height: 1.1;letter-spacing:0px; max-height: none; margin: 4px 0 0; color: #333; letter-spacing:-1px; }
body.serif section.article_content > header h1 { font-family: 'Open Sans Condensed',Arial, Helvetica, sans-serif; letter-spacing:0; font-size: 2em; }
section.article_content > header p.update { font-size:11px; color:#888; margin-bottom:4px; display:none; }
section.article_content > header p.update a {color:#888;}
section.article_content > header p.article-status { clear:both; width:100%; font-size:11px;line-height: 20px;color: #000; margin:0 0 8px;padding: 0; }
section.article_content > header p.article-status .status { padding: 0 5px;margin-right:5px; text-transform:uppercase; font-size: 10px; display:block;float:left; height:20px; line-height: 22px; }
section.article_content > header p.article-status { background:#FFE4E4; }
section.article_content > header p.article-status .status {background:#FF0000; color:#fff;}

section.article_content > header time, section.article_content > header .cate { display: inline; font-size: 10px;line-height: 12px;color: #888; }
section.article_content > header .cate { margin-right: 1px; color:#555;text-transform: uppercase; font-family:'Roboto Condensed', sans-serif; font-size:1em; }
section.article_content > header time { padding-left:4px; border-left:1px solid #ddd; text-transform:uppercase; }
section.article_content > header .summary { color: #444; font-size: 1.16em; line-height:1.3; font-family:"Times New Roman", Times, serif; margin-bottom:0; padding:8px 0; font-weight:bold; }
section.article_content > header .summary.zing p:before { content:'Zing.vn'; display: inline-block; background:#008BBB; color:#fff; font-family:'Roboto Condensed', sans-serif;font-size:13px; font-style: normal; font-weight: normal; margin-right:5px; padding:0 5px; }
body.serif section.article_content > header .summary { font-family: 'Noticia Text', Times, serif; font-size:1.1em; font-weight:normal; font-style:italic; }
section.article_content > header .cover { width: 100%; margin: 8px 0 0; display: none;overflow: hidden; }
section.article_content > header .cover img { width: 100%;height: auto; }

section.article_content > header .panorama { width: 100%; height: 400px; background-color:#000; background-position:50% 50%; background-image: url(img/pano-loading.gif); background-repeat:no-repeat; background-size: 32px; cursor:move; margin:0 0 20px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
section.article_content > header .panorama.loaded { background-size:cover; background-repeat:repeat-x; }
section.article_content > header .panorama { width:100%; height:400px; }
section.article_content > header .panorama img { display:none; }
section.article_content article .socialbox { display:block; width:100%; margin: 10px 0; clear:both; }
section.article_content article  .socialbox a { display:inline-block; height:30px; line-height:29px; color:#354C8C; padding-right:10px; margin-right:10px; border:1px solid #0098D3; border-radius:3px; overflow:hidden; font-weight:bold;font-size:12px; box-shadow:0px 2px 0px 0 rgba(0,0,0,0.1); }
section.article_content article .socialbox span { display:block; float:left; height:100%; background:#0098D3; color:#fff;padding:0 10px; margin-right:10px; }
section.article_content article .socialbox a.btnLike.liked { border-color:#ddd; color:#888; }
section.article_content article .socialbox a.btnLike.liked span { background:#ccc url(img/icon_check.png) no-repeat 50% 50%; background-size:50%; color:transparent; }

/* SIDEBAR SECTION */
.sidebar > section { float: left; margin: 0 0 16px; width: 100%; border: 1px solid #ccc;border-top: 1px solid #888; box-shadow: 0px 2px 0 #FCFAFA; background: #fdfdfd; }
.sidebar section .btnMore { text-align: center; }
.sidebar section .btnMore a { position: relative;top: 6px; padding: 0 10px; font-size: 12px; background: #fff; font-family:'Roboto Condensed', sans-serif; text-transform:uppercase; }
.sidebar section > header { border-bottom: 1px solid #e5e5e5;box-shadow: 0px 2px 0 #FCFAFA; height: auto; margin-bottom: 0;padding: 8px 10px 0; background: #fff; }
.sidebar section > header h1 { font-size: 1.2em;text-transform: uppercase; line-height: 1.4; margin: 0 0 8px; font-family: 'Roboto Condensed', sans-serif; font-weight:normal; }
.sidebar section article { float: left; margin-bottom: 0;padding: 8px 10px; border-bottom: 1px dashed #f1f1f1; }
.sidebar section > article:last-child { border: 0; }
.sidebar section article header { border: 0;box-shadow: none;margin-bottom: 0; }
.sidebar section article header h1 { display: inline; text-transform: none; height: auto; padding: 0 0; }
.sidebar section article header time {display: none;}
.sidebar section article header .cate {display: none;}

/* SIDEBAR TOPIC */
.sidebar section.topic {border-top:1px solid #0099cc;}
.sidebar section.topic > header {margin-bottom: 0; padding-top:8px;}		    
.sidebar section.topic > header h1 a {color:#007197;}
.sidebar section.topic article {border:0;}
.sidebar section.topic article:nth-child(n+5) {display:none;}
.sidebar section.topic article.featured .cover {width: 100%; height:170px;float: none;display: block;margin-top: 0; margin-bottom:6px;}
.sidebar section.topic article.featured .cover img {width:100%; height:auto;}
.sidebar section.topic article.featured header {float: none;margin-bottom: 0;height: auto;}
.sidebar section.topic article.featured header h1 {font-size: 14px;font-weight: bold;line-height: 18px;max-height: none;}

/* FOOTER */
footer { clear: both; width: 980px; margin: 0 auto; padding-top: 10px; }
footer .wrapper { border-top: 1px solid #ddd;  padding-top: 10px; }
footer .categories { border: 0;box-shadow: none; height: auto; padding: 0; background: #fcfcfc; }
footer .categories > ul { border:0; }
footer .categories li.parent { width: 14.2%; border-right: 1px solid #eee; padding: 0; margin-right: 0; height: 145px !important; padding: 10px 1.5% 0; overflow: hidden;  margin-bottom: 10px; }
footer .categories li.parent:nth-child(7), footer .categories li.parent:last-child { border:0; }
footer .categories li.homepage { display:none!important; }
footer .categories li.parent > a { text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }
footer .categories li.current a {background:none !important;}
footer .categories li.parent a { font-size: 13px;padding: 0 0;border: 0; color: #555 !important; }
footer .categories ul.sub-menu { position: relative;top: -5px;left: 0; display: block; overflow: hidden; width: auto !important; height: auto; background: none !important; box-shadow: none; }
footer .categories ul.sub-menu li { width: auto; }
footer .categories ul.sub-menu li a { font-size: 11px;padding: 0; line-height: normal; }
footer .copyright { border-top: 1px solid #ddd; margin-top: 0;padding: 5px 0 15px; float: left; width: 100%; line-height: 1.4; font-size: 1.2em; color: #888; font-family: 'Roboto Condensed', sans-serif; }
footer .copyright .info { float: right; text-align:right; font-size:0.8em; position:relative;top:10px; }
footer .copyright .logo { float: left; font-size:0.8em; width:50%; }
footer .copyright .logo img { float:left; margin-right:10px; border-right:1px solid #eee; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; position:relative;top:5px; }
footer .copyright .info a { color: #000; }